<template>
    <div id="recruit">
         <div class="title">
              <p>招生渠道统计</p>
          </div>
        <ve-histogram :data="chartData" :height='"350px"'></ve-histogram>
    </div>
</template>

<script>
export default {
   data () {
      this.chartSettings = {
        stack: { '用户': ['哈啰教练', '万骏驾考','转化率'] },
        area: true
      }
      return {
        chartData: {}
      }
    },
    props:{
      //统计数据
      recruitDatas:{
        type:Object,
        default:()=>{
          return {}
        }
      }
    },
    mounted(){
      this.chartData = this.recruitDatas
    }
}
</script>

<style scoped lang='scss'>
#recruit{
    
    width: 100%;
    height: 350px;
    background: #fff;
    border-radius: 10px;
    padding: 18px;
    box-sizing: border-box;
    .title{
    p{
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px;
    }
}
.recruitarea{
    position: relative;
    top: -10px;
}
}

</style>